<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html>
<html>
<head>
<title>书签管理</title>
<meta charset="utf-8">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<script src="css/jquery-2.1.0.min.js"></script>
<script src="css/bootstrap.min.js"></script>
<script type="text/javascript"></script>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/jquery.gradientify.min.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$("body").gradientify({
			gradients : [ {
				start : [ 49, 76, 172 ],
				stop : [ 242, 159, 191 ]
			}, {
				start : [ 255, 103, 69 ],
				stop : [ 240, 154, 241 ]
			}, {
				start : [ 33, 229, 241 ],
				stop : [ 235, 236, 117 ]
			} ]
		});
	});
	window.onload = function() {
		//window.setInterval("调用的函数/执行的代码",时间间隔单位毫秒)
		//window.setInterval 	按指定时间周期重复执行代码
		//window.setTimeout		延迟指定时间后执行一次代码

		var show = window.setInterval("showTime()", 1000);

	}

	function showTime() {
		var now = new Date();

		var showtime = document.getElementsByClassName("showtime").item(0);
		showtime.innerHTML = now.toLocaleTimeString();
	}
</script>
</head>
<body>
	<div class="comtainer">
		<h2 id="title">用户登录</h2>

		<div id="loginpage">
				<s:form action="/users_login" method="post">
				<div class="form-group has-success col-md-8">
					<div class="inputname">
						<label class="col-md-3 control-label" for="inputSuccess">帐号：</label>
						<div class="col-md-9">
							<input type="text"
								style="border:1px solid #fff;background:rgba(0, 0, 0, 0); "
								class="form-control" name="usersName" id="inputSuccess">
						</div>
					</div>
					<div class="inputname">
						<label class="col-md-3 control-label" for="inputSuccess">密码：</label>
						<div class="col-md-9">
							<input type="password"
								style="border:1px solid #fff;background:rgba(0, 0, 0, 0); "
								name="usersPwd" class="form-control" id="inputSuccess">
						</div>
					</div>
					<div class="inputname">
						<label class="col-md-3 control-label" for="inputSuccess">验证码：</label>
						<div class="col-md-4">
							<input type="text"
								style="border:1px solid #fff;background:rgba(0, 0, 0, 0); "
								name="randstr" class="form-control" id="inputSuccess">
						</div>
							<div class="col-md-5">
							<img src="image.jsp">
							</div>
						</div>
					<br/>		
												
					<!-- 登录与注册 -->
					<div style="margin-left: 70px;">					
					<a href=""><button type="submit" class="btn btn-info " >登录</button>
					<s:a href="register.jsp">
					<button	type="button" class="btn  btn-warning">注册</button>
					</s:a>						
						<!-- 选择管理员登录 -->
					<s:a href="admin.jsp"><button type="button" class="btn btn-primary">管理员</button></s:a>
					</div>
					</div>		
				</div>
				</s:form>
			<div class="col-md-4 rightImg">
				<img src="img/1.jpg" class="img-rounded img-responsive">
				<button type="button" class="huajiadmin btn btn-default btn-sm">
					<span class="glyphicon glyphicon-user"></span> <s:property value="#request.error"/>
				</button>
			</div>
		</div>
		<div class="times">
			<h3 class="showtime"></h3>
		</div>

	</div>
</body>
</html>